<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html id="home">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link href="/static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/static/css/animate.css" rel="stylesheet">
    <link href="/static/css/style.css?v=4.1.0" rel="stylesheet">
</head>

<body class="gray-bg">
    <div class="container wrapper wrapper-content animated fadeInRight">
    <!-- v-for="money in MoneyInfo"-->
    <div class="ibox float-e-margins" >
        <div class="ibox-title">
            <h5>今日销售统计</h5><button onclick="javascript:location.reload();" type="button" class="btn btn-sm btn-outline btn-danger" style="margin-left:15px;margin-top: -6px;">刷 新</button>
            <span style="float:right;">
        </div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-md-6">
                    <div class="widget style1 navy-bg">
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>销售金额</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">￥{{money.amount|reverse}}</h3>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>现金金额</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">￥{{money.actual|reverse}}</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="widget style1 red-bg">
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>损耗金额</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">￥{{money.loss|reverse}}</h3>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>销售总量</h3>
                            </div>
                            <div class="col-xs-6 text-right"><h3>{{money.actualNum|reverse}}Kg</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="widget style1 blue-bg">
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>总订单数</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">{{money.order|reverse}}</h3>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>已完成订单</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">{{money.finished|reverse}}</h3>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="widget style1 blue-bg">
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>已发货订单</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">{{money.oldDelivery|reverse}}</h3>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>未发货订单</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">
                                <h3 class="font-bold">{{money.delivery|reverse}}</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="row" v-if="fishWeight.length != 0">
                <div class="col-md-12">
                    <div class="widget style1 yellow-bg">
                        <div v-for="(index,fish) in fishWeight">
                            <div class="row vertical-align">
                                <div class="col-xs-6">
                                    <h3>{{fish.bankname}}</h3>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <h3 class="font-bold">{{fish.num}}Kg</h3>
                                </div>
                            </div>
                            <div class="hr-line-dashed" v-if="(index+1) != fishWeight.length"></div>
                            <div class="hr-line-dashed" v-if="(index+1) != fishWeight.length" style="display: none;"></div>
                        </div>  
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php if($rid == 1){ ?>
    <div class="ibox float-e-margins" >
        <div class="ibox-title">
            <h5>今日进货统计</h5><button onclick="javascript:location.reload();" type="button" class="btn btn-sm btn-outline btn-danger" style="margin-left:15px;margin-top: -6px;">刷 新</button>
            <span style="float:right;">
        </div>
        <div class="ibox-content">
            <div class="row">
                <div class="col-md-6">
                    <div class="widget style1 navy-bg">
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>支出总额</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">￥{{money.amount}}</h3>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>进货总额</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">￥{{money.actual}}</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="widget style1 red-bg">
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>其他支出</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">{{money.finished}}</h3>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>损耗状态</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">{{money.delivery}}</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="widget style1 blue-bg">
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>进货总重量</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">￥{{money.loss}}</h3>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>实际总重量</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">{{money.orderNum}}Kg</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="widget style1 blue-bg">
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>损耗金额</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">￥{{money.loss}}</h3>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="row vertical-align">
                            <div class="col-xs-6">
                                <h3>损耗总量</h3>
                            </div>
                            <div class="col-xs-6 text-right">
                                <h3 class="font-bold">{{money.orderNum}}Kg</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <?php  } ?>
    </div>

    <script src="/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="/static/js/layer/layer.js" charset="utf-8"></script>
    <script src="/static/js/vue.js"></script>
    <script src="/static/js/jquery.twbsPagination.js" charset="utf-8"></script>
    <script src="/static/js/home.js" charset="utf-8"></script>
</body>

</html>
